[Vue] Component name should always be multi-word eslint error

이슈

eslint를 8로 업데이트 하니 새로운 eslint error가 발생했습니다.

 27:8  error  Component name "Loader" should always be multi-word  vue/multi-word-component-names

해결

아래 줄을 eslint rules에 삽입했습니다.

'vue/multi-word-component-names': 'off',

공부

https://eslint.vuejs.org/rules/multi-word-component-names.html

문서를 살펴보면 root App component나 <transition>, <component> 같은 vue의 built-in 컴포넌트가 아니면 component name은 multi-word가 되어야 한다는 규칙이 있습니다. 이 규칙이 생겨난 이유는 HTML element(single-word)와의 혼동을 막기 위함입니다.

eslint-plugin-vue v7.20.0 부터 추가되었다고 하는데, 매번 component name을 multi-word로 짓는 것도 일일 거 같고, 이름이 겹칠 확률이 얼마나 될까 싶습니다.